		<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/common.css" />
	<link rel="stylesheet" href="../css/idangerous.swiper.css">
   <script type="text/javascript" src="../js/jquery-1.8.2.min.js"></script>
   <script type="text/javascript" src="../js/echarts.min.js"></script>
	<style>
		html, body {width: 100%;min-height: 100%;background: #f0f0f0;}
		.h80 {height: 80px;}
		.h40 {height: 40px;}
		.h20 {height: 20px;}
    	.h10 {height: 10px;background: #f0f0f0;}
		.h1 {height: 1px;margin-left: 15px;background: #f0f0f0;}
		.fr {float: right;}
		.fl {float: left;}
		.hightitem {background-color: #FFF;}
		.hightitem1 {background-color: #75beff;}
		.hightitem2 {background-color: #75beff;}
		.inwrap {padding-right: 15px;padding-left: 15px;}

		/* 2. 价格样式 */
		.priceitem {height: 60px; line-height: 60px;border-bottom: 1px solid #ccc;}
		.priceitem .price, .priceitem .symbol {color: #FC5500;}
		.priceitem .price {font-size: 20px;}
		.priceitem .o-price {font-size: 12px; color: #666;}
		.priceitem .buynow {background-color: #FC5500; color: #fff; height: 25px; line-height: 25px; border-radius: 3px;padding: 10px 20px;margin-top: 7px;}

		/* 3. */
		.brief .title {height: 50px;line-height: 50px;font-size: 18px;color: #000;}
		.brief .describe {color: #666;font-size: 14px;line-height: 20px;}
		.brief .ico {height: 50px;line-height: 50px;font-size: 14px;color: #7AB388;}
		.brief .ico img {height: 14px;}
		/* 4. */
		.goodcomment {height: 50px;line-height: 50px;font-size: 14px;}
		.goodcomment img {height: 15px;padding-right: 5px;}
		.goodcomment .arrow {float: right;height: 20px;padding-top: 15px;}
		.goodcomment .commentnum {font-size: 15px;color: #666;padding-right: 5px;float: right;}

		/* 5. */
		.darktitle {height: 50px;line-height: 50px;font-size: 14px;color: #666;}
		.firstrow {position: relative;}
		.secrow {font-size: 14px;color: #666;border-bottom: 1px solid #e0e0e0;padding-bottom: 15px;}
		.shopinfo .left {height: 60px;padding: 10px 0;}
		.shopinfo .right {position: absolute;top: 0px; right: -15px; padding: 15px;border-left: 1px solid #e0e0e0;} 
		.shopinfo .right img {height: 36px;}
		.shopinfo .shopname {font-size: 20px;}
		.moreshop {height: 50px;line-height: 50px;font-size: 14px;}

		/* 6. */
		.tuanitem {height: 50px;line-height: 50px;font-size: 14px;border-bottom: 1px solid #e0e0e0;}
		.tuanitem .tuan02,.tuanitem .tuan03,.tuantotalprice .totalprice01, .tuantotalprice .totalprice02, .tuanrealprice .realprice01, .tuanrealprice .realprice02 {float: right; width: 50px;font-size: 14px;}
		.tuantotalprice {margin-top: 10px;}
		.tuantotalprice, .tuanrealprice {height: 30px;}
		.tuanrealprice .realprice02 {font-size: 16px;color: #FC5500;}
		.tuanitem .tuan03, .tuantotalprice .totalprice02, .tuanrealprice .realprice02 {text-align: right;}
		.smallitem .averageprice {float: right;}
		.smallitem {height: 20px;line-height: 20px;font-size: 14px;}
		.recommandtitle {line-height: 25px; font-size: 14px; color: #666;}
		.recommanddish {line-height: 22px; font-size: 14px;}
		.moredetail {height: 50px;line-height: 50px;font-size: 14px;border-top: 1px solid #e0e0e0;}
		.lastitem {padding-bottom: 10px;}

		/* 7. */
		.buyinfo .infotitle {line-height: 25px;font-size: 14px;color: #666;}
		.buyinfo li {line-height: 24px;font-size: 13px;color: #000;}
		.buyinfo li img {height: 5px; padding-right: 5px;}
		.arrow {float: right;height: 20px;padding-top: 15px;}

		/* 8. */
		.othertuan {height: 50px;line-height: 50px;}
		.othertuan .price, .othertuan .symbol {color: #FC5500;}
		.othertuan .price {font-size: 15px;}
		.othertuan .o-price {font-size: 12px; color: #666;}
		.othertuan .price01 {display: inline-block; width: 30%; vertical-align: top;}
		.othertuan .title {width: 50%; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; overflow: hidden;}
		.othertuan .title1 {width: 100%; white-space: nowrap; text-overflow: ellipsis; text-align:center; color:#FFFFFF; word-wrap: normal; overflow: hidden;}
		.bb {border-bottom: 1px solid #e0e0e0;}

		.presshover {background-color: #FAFAFA;}
		.presshover1 {background-color: #319bf3;}
		.buyhover {background-color: rgba(252, 85, 0, 0.6) !important;}
		.swiper-container img {width: 100%;}
	</style>
</head>
<body>
	<!-- 1. 头部swipe -->
	
	<script type="text/javascript" src="../script/api.js"></script>

<div >

	</div>
	
	
<!--	<div class="swiper-container">
		<div class="swiper-wrapper">
	<script type="text/javascript" src="../script/api.js"></script>

		</div>
		<div class="pagination"></div>
	</div>

-->


	<div id="maina" style="width: 100%;height:400px;"></div>
	<!-- 4 评论 -->
	<div style="height: 1px; background-color: #000000;"></div>
	<div class="h20"></div>
	<div class="contentbutton"  onclick="">
		<a class="othertuan inwrap hightitem bb leftbutton" tapmode="presshover" onclick="asd()">买&nbsp入</a>	     	    
		<!-- <input type="button" text="弹出层" > -->		
		<a class="othertuan inwrap hightitem bb rightbutton" tapmode="presshover" >卖&nbsp出</a>
	</div>
	
<style type="text/css">
.contentbutton{
    text-align: center;
    margin-top:10px;
}
.leftbutton:active{
background-color: #CD0000;
}

.rightbutton:active{
background-color: green;
}

     .leftbutton{
     width:40%;
     display:inline-block;
     border-radius:3px;
     border: 1px solid red;
     text-align: center;
     background-color: red;
     color: white;
     font-size: 18px;
     height: 30px;
     line-height:30px;
     cursor: pointer;
     }
     .rightbutton{
     width:40%;
     background-color: #228B22;
     display:inline-block;
     border-radius:3px;
     border: 1px solid #228B22;
     text-align: center;
     color: white;
     font-size: 18px;
     height: 30px;
     line-height:30px;
     cursor: pointer;
     }
     
.black_overlay{    
 display: none;    
 position: absolute;top: 0%;    
 left: 0%;    
 width: 100%;    
 height: 100%;    
 background-color: black; 
 -moz-opacity: 0.8;    
 opacity:.80;    
 filter: alpha(opacity=80);      
}    
.white_content{    
 display: none;    
 position: absolute;    
 top: 25%;  left: 25%;    
 width: 60%;    
 height: 60%;    
 padding: 5px;    
 background-color: white;    
overflow:auto    
}    

     
</style>
	<!-- 小伙伴 -->
	<div class="darktitle inwrap">股东操作</div>
	<div class="othertuan inwrap hightitem bb" tapmode="presshover" onclick="">
		<span class="title">·企业信息</span>
		<img src="../image/arrow1.png" alt="" class="arrow">
	</div>
	<div class="othertuan inwrap hightitem bb" tapmode="presshover" onclick="">
		<span class="title">·股东福利</span>
		<img src="../image/arrow1.png" alt="" class="arrow">
	</div>
	<div class="othertuan inwrap hightitem bb" tapmode="presshover" onclick="">
		<span class="title">·股东会议室</span>
		<img src="../image/arrow1.png" alt="" class="arrow">
	</div>
	<div class="h10"></div>
	<div class="othertuan inwrap hightitem bb" tapmode="presshover" onclick="">
		<span class="title">·规则说明</span>
		<img src="../image/arrow1.png" alt="" class="arrow">
	</div>


	<div class="h20"></div>
</body>
<script type="text/javascript" src="../script/idangerous.swiper.js"></script>
<script>
	
	function asd() {
		var flag = confirm("当前价格为 99999，确认购买么？");
		if(flag == true)
			{
	  			alert("那么贵你特么也买  傻逼吧");
			}
		else
			{
	  			alert("不买来干鸡巴 滚吧");
			}
	}
	
	function callShop() {
		api.call({
		    type: 'tel_prompt',
		    number: '111111'
		});
	}
	
     
     
/*	window.onload = function() {
		var mySwiper = new Swiper('.swiper-container',{
			mode:'horizontal',
			loop: true,
			speed:750,
			pagination: '.pagination'
		});

		mySwiper.startAutoplay();
	} */
</script>
<script type="text/javascript">
	
 var myChart = echarts.init(document.getElementById('maina'));
  

       function randomData() {
    now = new Date(+now + oneDay);
    value = value + Math.random() * 21 - 10;
    return {
        name: now.toString(),
        value: [
            [now.getFullYear(), now.getMonth() + 1, now.getDate()].join('-'),
            Math.round(value)
        ]
    }
}

var data = [];
var now = +new Date(1997, 9, 3);
var oneDay = 24 * 3600 * 1000;
var value = Math.random() * 1000;
for (var i = 0; i < 1000; i++) {
    data.push(randomData());
}

option = {
    title: {
        text: '分红池总额:899.89  云币余额:99.99 [充值]'
    },
    tooltip: {
        trigger: 'axis',
        formatter: function (params) {
            params = params[0];
            var date = new Date(params.name);
            return date.getDate() + '/' + (date.getMonth() + 1) + '/' + date.getFullYear() + ' : ' + params.value[1];
        },
        axisPointer: {
            animation: false
        }
    },
    xAxis: {
        type: 'time',
        splitLine: {
            show: false
        }
    },
    yAxis: {
        type: 'value',
        boundaryGap: [0, '100%'],
        splitLine: {
            show: false
        }
    },
    series: [{
        name: '模拟数据',
        type: 'line',
        showSymbol: false,
        hoverAnimation: false,
        data: data
    }]
};

 
        setInterval(function () {

	    for (var i = 0; i < 5; i++) {
	        data.shift();
	        data.push(randomData());
	    }})
   
    myChart.setOption(option);


</script>
</html>